//获取dom元素

// 注册盒子
const registerBox = document.querySelector(".register")

//登录盒子
const loginBox = document.querySelector(".login")

// 注册盒子A标签
const registerBoxA = document.querySelector(".register-a")

// 登录盒子A标签
const loginBoxA = document.querySelector(".login-a")

// 注册盒子A标签绑定点击事件
registerBoxA.addEventListener("click", function () {
  registerBox.style.display = "none"
  loginBox.style.display = "block"
})

// 登录盒子A标签绑定点击事件
loginBoxA.addEventListener("click", function () {
  registerBox.style.display = "block"
  loginBox.style.display = "none"
})


// 注册盒子form表单监听submit提交事件
registerBox.querySelector("form").addEventListener("submit", function (e) {
  // 阻止表单默认提交行为
  e.preventDefault()
  // 获取表单数据
  const fd = new FormData(this)
  const data = {}
  fd.forEach((value, key) => {
    data[key] = value
  })
  axios.post("/api/register", data).then(res => {
    const { data: result } = res
    if (result.code === 0) {
      toastr.success(result.message);
      // 模拟 用户点击  注册盒子中的a标签即可
      registerBoxA.click();
    }
  }).catch(res => {
    // console.log(res);
  })
})


// 登录盒子form表单监听submit提交事件
loginBox.querySelector("form").addEventListener("submit", function (e) {
  // 阻止表单默认提交行为
  e.preventDefault()
  // 获取表单数据
  const fd = new FormData(this)
  const data = {}
  fd.forEach((value, key) => {
    data[key] = value
  })
  axios.post("/api/login", data).then(res => {
    const { data: result } = res
    if (result.code === 0) {
      // console.log(result);
      toastr.success(result.message);
      setTimeout(() => {
        localStorage.setItem('token', result.token)
        // console.dir(Location);
        location.href = './index.html'
      }, 1000)
    }
  }).catch(res => {
    // console.log(res);
  })
})